<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport"
			content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>购物商城</title>
		<script src="js/mui.min.js"></script>
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="css/core.css">
		<link rel="stylesheet" type="text/css" href="css/icon.css">
		<link rel="stylesheet" type="text/css" href="css/home.css">
		<script src="js/template-web.js"></script>
		<style type="text/css">
			<!-- 顶部菜单横条 -->
			/* 未解决顶部下滑不出现的问题 */
			#scrollBg {
				width: 100% ;
				height: 45px ;
				line-height: 45px;
				background: rgba(251, 55, 67, 1);
				display: none;
				z-index: -1;
				position: fixed;
				left: 0;
				top: 0;
				text-align: center;
				font-size: 20px;
				color: #fff;
			}
			
		</style>
		
	</head>
	<body>
		<!-- 头部 扫一扫、搜索、消息 -->
		<header class="aui-header-default aui-header-fixed aui-header-clear-bg">
			<!-- aui-header-clear-bg 清除背景色 -->
			<a href="#" class="aui-header-item">
				<i class="aui-icon aui-icon-code" onclick="openBarcode()"></i>
			</a>
			<div class="aui-header-center aui-header-center-clear" style="margin-right:50px;">
				<div class="aui-header-search-box" style="background-color:#fff">
					<i class="aui-icon aui-icon-small-search"></i>
				</div>
			</div>
			<a href="#" class="aui-header-item-icon" style="position:absolute; right:-35px; top:0;">
				<i class="aui-icon aui-icon-member-1"></i>
			</a>
			<div id="scrollBg"></div>
		</header>
		
		<!-- 内容 -->
		<div class="aui-content-box" id="banner_box">
			
			<!-- 轮播图 -->
			<div class="aui-banner-content " data-aui-slider>
				<div class="aui-banner-wrapper" id="temp">
					<script type="text/template" id="temps">
						{{ each list as item }}
						<div class="aui-banner-wrapper-item">
							<a href="#">
								<img src="{{item.image}}">
							</a>
						</div>
						{{ /each}}
					</script>
				</div>
				<!-- 轮播图底部小横条 -->
				<div class="aui-banner-pagination"></div>
			</div>
			
			<!-- 每日签到功能区 -->
			<section class="aui-grid-content">
				<div class="aui-grid-row aui-grid-row-clears day_center">
					<!-- aui-grid-row-clear 清除 a标签 上下的边距 -->
					<a href="subpages/my-sign.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-sign"></i>
						<p class="aui-grid-row-label">每日签到</p>
					</a>
					<a href="subpages/my-time.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-time"></i>
						<p class="aui-grid-row-label">限时抢购</p>
					</a>
					<a href="subpages/my-membership.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-vip"></i>
						<p class="aui-grid-row-label">会员专享</p>
					</a>
					<a href="subpages/my-purchase.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-group"></i>
						<p class="aui-grid-row-label">好货拼团</p>
					</a>
					<a href="subpages/my-invitation.html" class="aui-grid-row-item">
						<i class="aui-icon-large aui-icon-share"></i>
						<p class="aui-grid-row-label">分享领券</p>
					</a>
				</div>
			</section>
			
			<!-- 格子展示 -->
			<section class="aui-content-six aui-border-t " style="background-color: #fff;">
				<div class="aui-flex-col aui-flex-center aui-border-tb">
					<div class="aui-flex-item-4 aui-flex-row aui-flex-middle aui-padded-10 aui-border-b">
						<h3 class="aui-text-danger">电器城抢购</h3>
						<p>全场低至299</p>
						<img src="img/ad/f1.jpg">
					</div>
					<div class="aui-flex-item-8 aui-border-l">
						<div class="aui-flex-col aui-padded-10 aui-border-b">
							<div class="aui-flex-item-12">
								<div class="aui-flex-item-9">
									<h3 class="aui-text-info">创维新品</h3>
									<p>好品质选创维新品上市</p>
								</div>
								<div class="aui-flex-item-3 aui-text-right"><img src="img/ad/f2.jpg"></div>
							</div>
						</div>
						<div class="aui-flex-col aui-border-b">
							<div class="aui-flex-item-6 aui-padded-10 " style="position: relative;">
								<h5 class="aui-text-warning">拍摄一族</h5>
								<p>喜欢旅游拍摄</p>
								<img src="img/ad/f3.jpg">
							</div>
							<div class="aui-flex-item-6 aui-padded-10 aui-border-l ">
								<h5 class="aui-text-success">每日坚果</h5>
								<p>每天补充一下</p>
								<img src="img/ad/f5.jpg">
							</div>
						</div>
					</div>
				</div>
			</section>
			
			<!-- 会员专辑 两大图 -->
			<div class="aui-avd-content clearfix">
				<a href="#">
					<img src="img/pd/cf-1.jpg" alt="">
				</a>
				<a href="#">
					<img src="img/pd/cf-3.jpg" alt="">
				</a>
			</div>
			
			<!-- 精选专场 -->
			<div class="aui-title-head">
				<img src="img/icon/i-i1.png" alt="">
			</div>
			<!-- 横拉组 -->
			<div class="aui-slide-box aui-slide-box-clear">
				<div class="aui-slide-list">
					<ul class="aui-slide-item-list">
						<li class="aui-slide-item-item">
							<a href="#" class="v-link">
								<img class="v-img" src="img/ad/tou-6.jpg">
							</a>
						</li>
						<li class="aui-slide-item-item">
							<a href="#" class="v-link">
								<img class="v-img" src="img/ad/tou-5.jpg">
							</a>
						</li>
						<li class="aui-slide-item-item">
							<a href="#" class="v-link">
								<img class="v-img" src="img/ad/tou-4.jpg">
							</a>
						</li>
						<li class="aui-slide-item-item">
							<a href="#" class="v-link">
								<img class="v-img" src="img/ad/tou-3.jpg">
							</a>
						</li>
						<li class="aui-slide-item-item">
							<a href="#" class="v-link">
								<img class="v-img" src="img/ad/tou-2.jpg">
							</a>
						</li>
						<li class="aui-slide-item-item">
							<a href="#" class="v-link">
								<img class="v-img" src="img/ad/tou-1.jpg">
							</a>
						</li>
					</ul>
				</div>
			</div>
			
			<!-- 家电专场 -->
			<div class="aui-title-head">
				<img src="img/icon/i-i2.png" alt="">
			</div>
			<div class="aui-list-content">
				<div class="aui-list-item">
					<!-- 家电海报图 -->
					<div class="aui-list-item-img">
						<img src="img/pd/cf-4.jpg" alt="">
					</div>
					<!-- 家电横拉 -->
					<div class="aui-slide-box">
						<div class="aui-slide-list">
							<ul class="aui-slide-item-list">
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">自动滚筒洗衣机 变频 碳晶银 蒸汽杀菌 智能水循环
										</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥4999</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥5699</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-7.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">科克兰 盐焗烘烤开心果 1.36千克</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥99</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥198</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">榙榙 咸鸭蛋黄饼干 80克/袋</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥12.9</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-9.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">唯他可可 椰子水饮料 330毫升/盒 12盒</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥189</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥299</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">巴黎水 含气青柠味饮料 330毫升 24</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥129</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥199</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-7.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">calbee 卡乐比 日本进口休闲零食佳可比黄油味薯条
											90克/盒</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19.9</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食
											佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-8.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食
											佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/pd-zf-6.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Calbee 卡乐比 日本进口休闲膨化零食
											佳可丽色拉味薯条 60克/杯</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
							</ul>
						</div>
		
					</div>
				</div>
				
				<!-- 美妆护肤 -->
				<div class="aui-title-head">
					<img src="img/icon/i-i3.png" alt="">
				</div>
				<div class="aui-list-item">
					<!-- 美妆海报 -->
					<div class="aui-list-item-img">
						<img src="img/pd/cf-5.jpg" alt="">
					</div>
					<!-- 美妆内容横拉 -->
					<div class="aui-slide-box">
						<div class="aui-slide-list">
							<ul class="aui-slide-item-list">
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-31.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Whoo 后 秘贴焕然新生精华液护肤礼盒 精华45毫升
										</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥349</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥499</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-32.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Sulwhasoo 雪花秀 润燥精华60毫升</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥99</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥198</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-17.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">雅诗兰黛 红石榴护肤三件套 红色正能</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥399</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥999</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="#" class="v-link">
										<img class="v-img" src="img/pd/sf-18.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">Whoo 后 拱辰享水 水妍护肤套装 </p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥189</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥299</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-19.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">惊喜水分套装 持续补水维持平衡</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥1349</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥4199</span>
										</p>
									</a>
								</li>
							</ul>
						</div>
		
					</div>
				</div>
				
				<!-- 时尚女装 -->
				<div class="aui-title-head">
					<img src="img/icon/i-i4.png" alt="">
				</div>
				<div class="aui-list-item">
					<!-- 女装海报 -->
					<div class="aui-list-item-img">
						<img src="img/pd/cf-7.jpg" alt="">
					</div>
					<!-- 女装内容 -->
					<div class="aui-slide-box">
						<div class="aui-slide-list">
							<ul class="aui-slide-item-list">
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-25.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">LA 女士宽松毛衣纯色针织衫外套长袖上衣</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥249</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥499</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-26.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">FIRSTMIX秋季新款宽松圆领女式针织开衫</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥99</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥198</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-27.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">maxwin 马威 女式八分袖针织连衣裙</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥122.9</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥149</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-28.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">唯他可可 椰子水饮料 330毫升/盒 12盒</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥189</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥299</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-29.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">巴黎水 含气青柠味饮料 330毫升 24</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥129</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥199</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-30.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">calbee 卡乐比 日本进口休闲零食佳可比黄油味薯条
											90克/盒</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥19.9</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥49</span>
										</p>
									</a>
								</li>
							</ul>
						</div>
		
					</div>
				</div>
				
				<!-- 家具板块 -->
				<div class="aui-title-head">
					<img src="img/icon/i-i5.png" alt="">
				</div>
				<div class="aui-list-item">
					<!-- 家具海报 -->
					<div class="aui-list-item-img">
						<img src="img/pd/cf-8.jpg" alt="">
					</div>
					<!-- 家具内容 -->
					<div class="aui-slide-box">
						<div class="aui-slide-list">
							<ul class="aui-slide-item-list">
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-20.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">nissen 凹凸纵横弹性沙发套</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥31149</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥11499</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-21.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">日本NITORI尼达利 三折坐垫 长毛条纹 浅棕
										</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥1199</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥1198</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-22.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">商城精选 对伴沙发</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥2399</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥9999</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-23.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">商城精选 韵白系列沙发三人位</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥9189</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥21299</span>
										</p>
									</a>
								</li>
								<li class="aui-slide-item-item">
									<a href="subpages/ui-product.html" class="v-link">
										<img class="v-img" src="img/pd/sf-24.jpg">
										<p class="aui-slide-item-title aui-slide-item-f-els">商城精选 韵白系列沙发单人位</p>
										<p class="aui-slide-item-info">
											<span class="aui-slide-item-price">¥2349</span>&nbsp;&nbsp;<span
												class="aui-slide-item-mrk">¥4199</span>
										</p>
									</a>
								</li>
							</ul>
						</div>
		
					</div>
				</div>
			</div>
		
			<!-- 猜你喜欢 -->
			<div class="aui-recommend">
				<img src="img/bg/icon-tj1.jpg" alt="">
			</div>
			<!-- 推荐内容板块 -->
			<section class="aui-list-product">
				<div class="aui-list-product-box" id="recommend">
						<script type="text/template" id="recommends">
							{{each list as item}}
					<a href="subpages/ui-product.html" class="aui-list-product-item">
							<div class="aui-list-product-item-img">
								<img src="{{item.image}}" alt="">
							</div>
							<div class="aui-list-product-item-text">
								<h3>{{item.descript}}</h3>
								<div class="aui-list-product-mes-box">
									<div>
										<span class="aui-list-product-item-price">
											<!-- <em>¥</em> -->
											{{item.price}}
										</span>
										<span class="aui-list-product-item-del-price">
											{{item.price}}
										</span>
									</div>
									<div class="aui-comment">{{item.comments}}</div>
								</div>
							</div>
					</a>
							{{/each}}
						</script>
				</div>
			</section>
		</div>
		
		<!-- 底部导航 -->
		<footer class="aui-footer-default aui-footer-fixed">
			<!-- 首页 -->
			<a href="subpages/style.html" class="aui-footer-item aui-footer-active">
				<span class="aui-footer-item-icon aui-icon aui-footer-icon-home"></span>
				<span class="aui-footer-item-text">首页</span>
			</a>
			
			<!-- 分类 -->
			<a href="subpages/class.html" class="aui-footer-item">
				<span class="aui-footer-item-icon aui-icon aui-footer-icon-class"></span>
				<span class="aui-footer-item-text">分类</span>
			</a>
			
			<!-- 购物车 -->
			<a href="subpages/car.html" class="aui-footer-item">
				<span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>
				<span class="aui-footer-item-text">购物车</span>
			</a>
			
			<!-- 我的 -->
			<a href="subpages/ui-me.html" class="aui-footer-item">
				<span class="aui-footer-item-icon aui-icon aui-footer-icon-me"></span>
				<span class="aui-footer-item-text">我的</span>
			</a>
		</footer>
		
		<!-- 
			做到：顶部横条橙色没出来 点击别的导航再返回 又出现了，
			想法：index留底部 剩下的动态生成
		 
		 
		 -->
		
		
		<script src="js/mui.js"></script>
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/aui.js"></script>
		<script type="text/javascript" src="js/common.js"></script>
		
		<script type="text/javascript">
			<!-- 顶部菜单横条 -->
			$(function() {
				//绑定滚动条事件
				//绑定滚动条事件
				$(window).bind("scroll", function() {
					var sTop = $(window).scrollTop();
					var sTop = parseInt(sTop);
					if (sTop >= 40) {
						if (!$("#scrollBg").is(":visible")) {
							try {
								$("#scrollBg").slideDown();
							} catch (e) {
								$("#scrollBg").show();
							}
						}
					} else {
						if ($("#scrollBg").is(":visible")) {
							try {
								$("#scrollBg").slideUp();
							} catch (e) {
								$("#scrollBg").hide();
							}
						}
					}
				});
			})
			
			// 打开二维码扫描界面
			function openBarcode(){
				createWithoutTitle('subpages/barcode_scan.html', {
					titleNView:{
						type: 'float',
						backgroundColor: 'rgba(215,75,40,0.3)',
						titleText: '扫一扫',
						titleColor: '#FFFFFF',
						autoBackButton: true,
						buttons: [{
							fontSrc: '_www/helloh5.ttf',
							text: '\ue302',
							fontSize: '18px',
							onclick: 'javascript:scanPicture()'
						}]
					}
				});
			}
			
			window.onload = function(){
				
				// 加载轮播图
				mui.get('https://www.fastmock.site/mock/c552699016b2debe7b2d6f5b458cf398/app/banner',
				{},
				function(data){
						//获得服务器响应
						console.log(data)
						
						let temp = template("temps", data)
						// document.getElementById('banner_img').setAttribute('src',data.img_data.image)
						document.getElementById('temp').innerHTML = temp
					},'json'
				);
				
				// 加载推荐内容
				mui.get('https://www.fastmock.site/mock/c552699016b2debe7b2d6f5b458cf398/app/recommend',
				{},
				function(data){
						//获得服务器响应
						console.log(data)
						
						let rec = template("recommends", data)
						// document.getElementById('banner_img').setAttribute('src',data.img_data.image)
						document.getElementById('recommend').innerHTML = rec
					},'json'
				);
			}	
			
			
			
		</script>
		
		
		
	</body>
</html>
